<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/swiper.min.css" />
    <title>我的订单</title>  
</head>
<body>
	<div class="wrap">
		<!--tab-->
		<ul class="orderstab">
		   <li class="active"><a href="javascript:;">全部</a></li>	
		   <li><a href="javascript:;">待付款</a></li>	
		   <li><a href="javascript:;">待收货</a></li>	
		   <li><a href="javascript:;">已完成</a></li>	
		   <li><a href="javascript:;">已取消</a></li>	
		</ul>
		
		<div class="container_inner">
		<!--list-->
		<ul class="orders_list">
			<li class="dfk">
				<dl>
					<img src="img/ywc.png" />
					<dt>
						<h2>订单号:MZ8778414848488</h2>
						<span>待付款</span>
						<i class="icons del">&#xe649;</i>
					</dt>
					<dd>
						<div class="ddinfo">
							<img src="img/pic1.png" />
							<p>小米官方旗舰店小米官方旗舰店小米官小米官方旗舰店小米官方旗舰店小米官</p>
						</div>
						<div class="dd_subinfo">
							<span>共1件商品</span><span>实付款:<font>￥152</font></span>
						</div>
						<div class="shdz">
							<h4><span>侯钰凯</span><span>1586264544</span></h4>
	  				        <p>武汉市江夏区保利海上五月花17栋1702</p>
						</div>
						<div class="dd_btns">
							<a class="jh" href="javascript:;">激活</a>
							<a class="qxdd" href="javascript:;">取消订单</a>
							<a class="sqtk" href="javascript:;">申请退款</a>
							<a class="zcgm" href="javascript:;">再次购买</a>
							<a class="qrsh" href="javascript:;">确认收货</a>
							<a class="ljzf" href="javascript:;">立即支付</a>
						</div>
					</dd>
				</dl>
			</li>
			<li class="ywc">
				<dl>
					<img src="img/ywc.png" />
					<dt>
						<h2>订单号:MZ8778414848488</h2>
						<span>已完成</span>
						<i class="icons del">&#xe649;</i>
					</dt>
					<dd>
						<div class="ddinfo">
							<img src="img/pic1.png" />
							<p>小米官方旗舰店小米官方旗舰店小米官小米官方旗舰店小米官方旗舰店小米官</p>
						</div>
						<div class="ddinfo">
							<img src="img/pic1.png" />
							<p>小米官方旗舰店小米官方旗舰店小米官小米官方旗舰店小米官方旗舰店小米官</p>
						</div>
						<div class="dd_subinfo">
							<span>共2件商品</span><span>实付款:<font>￥152</font></span>
						</div>
						<div class="shdz">
							<h4><span>侯钰凯</span><span>1586264544</span></h4>
	  				        <p>武汉市江夏区保利海上五月花17栋1702</p>
						</div>
						<div class="dd_btns">
							<a class="jh" href="javascript:;">激活</a>
							<a class="qxdd" href="javascript:;">取消订单</a>
							<a class="sqtk" href="javascript:;">申请退款</a>
							<a class="zcgm" href="javascript:;">再次购买</a>
							<a class="qrsh" href="javascript:;">确认收货</a>
							<a class="ljzf" href="javascript:;">立即支付</a>
						</div>
					</dd>
				</dl>
			</li>
			<li class="dsh">
				<dl>
					<img src="img/ywc.png" />
					<dt>
						<h2>订单号:MZ8778414848488</h2>
						<span>待收货</span>
						<i class="icons del">&#xe649;</i>
					</dt>
					<dd>
						<div class="ddinfo">
							<img src="img/pic1.png" />
							<p>小米官方旗舰店小米官方旗舰店小米官小米官方旗舰店小米官方旗舰店小米官</p>
						</div>
						<div class="dd_subinfo">
							<span>共1件商品</span><span>实付款:<font>￥152</font></span>
						</div>
						<div class="shdz">
							<h4><span>侯钰凯</span><span>1586264544</span></h4>
	  				        <p>武汉市江夏区保利海上五月花17栋1702</p>
						</div>
						<div class="dd_btns">
							<a class="jh" href="javascript:;">激活</a>
							<a class="qxdd" href="javascript:;">取消订单</a>
							<a class="sqtk" href="javascript:;">申请退款</a>
							<a class="zcgm" href="javascript:;">再次购买</a>
							<a class="qrsh" href="javascript:;">确认收货</a>
							<a class="ljzf" href="javascript:;">立即支付</a>
						</div>
					</dd>
				</dl>
			</li>
			<li class="yqx">
				<dl>
					<img src="img/ywc.png" />
					<dt>
						<h2>订单号:MZ8778414848488</h2>
						<span>已取消</span>
						<i class="icons del">&#xe649;</i>
					</dt>
					<dd>
						<div class="ddinfo">
							<img src="img/pic1.png" />
							<p>小米官方旗舰店小米官方旗舰店小米官小米官方旗舰店小米官方旗舰店小米官</p>
						</div>
						<div class="dd_subinfo">
							<span>共1件商品</span><span>实付款:<font>￥152</font></span>
						</div>
						<div class="shdz">
							<h4><span>侯钰凯</span><span>1586264544</span></h4>
	  				        <p>武汉市江夏区保利海上五月花17栋1702</p>
						</div>
						<div class="dd_btns">
							<a class="jh" href="javascript:;">激活</a>
							<a class="qxdd" href="javascript:;">取消订单</a>
							<a class="sqtk" href="javascript:;">申请退款</a>
							<a class="zcgm" href="javascript:;">再次购买</a>
							<a class="qrsh" href="javascript:;">确认收货</a>
							<a class="ljzf" href="javascript:;">立即支付</a>
						</div>
					</dd>
				</dl>
			</li>
		</ul>
		</div>
		
	</div>
</body>

<script type="text/javascript" src="js/jquery-1.7.js"></script>
<script src="https://cdn.bootcss.com/eruda/1.4.4/eruda.min.js"></script>
<script type="text/javascript">
    $(function(){
    	//eruda.init();
    	$("ul.orderstab").on("click","li",function(){
    		$(this).addClass("active").siblings().removeClass("active")
    	})
	})
</script>
</html>